<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>旗叶的学习橱窗</title>
    <link rel="shortcut icon" href="img/favicon.ico">
    <link rel="stylesheet" href="./css/home.css">
</head>

<body>
    <div class="wrap"> 
        <div class="header">
            <h1 class="header_title">旗叶的博客空间</h1><button class="header_login">管理员登陆</button>
        </div>
        <div class="contain">
            <div class="left">
                <div class="article">
                    <h2 class="article_title"></h2>
                    <p class="article_classify"></p>
                    <div class="article_content"></div> 
                        <button class="article_continue">查看详情>></button>
                    <p class="article_time"></p>
                </div>
                <div class="footer">
                    <h2 class="footer_title">最新文章</h2>
                    <ul class="footer_list"> </ul>
                    <ul class="footer_pages"> </ul>
                </div>
            </div>
            <div class="right">
                <div class="hot">
                    <h3 class="hot_title">热度文章</h3>
                    <ul class="hot_list"> </ul>
                </div>
                <div class="commend">
                    <h3 class="commend_title">最新评论</h3>
                    <ul class="commend_list"> </ul>
                </div>
            </div>
        </div>
        <div class="mp3">
            <audio src="">1</audio>
        </div>
    </div>
    <script src="./js/myAjax.js"></script>
    <script src="./js/home.js"></script>
</body>

</html>